<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人中心</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="../fonts/iconfont.css" />
		<style>
			
			.table-view-combine:after {height: 0;}
			body,html{width: 100%;height: 100%}
			.user-img{height: 100%;width: 100%;background: url(../images/userCard2.jpg);background-size:100% 100%;}
			.qr-wapper{margin-top:3%;margin-right:5%;float: right;text-align: center;width: 100px;height: 100px}
			.user-tit{position: absolute;right: 30%;bottom: 45%;color: #fff;}
			.user-name{font-size: 20px;font-weight:700;font-family: "微软雅黑";}
			.user-msg{position: absolute ;right: 20%;bottom: 16%;color: #fff;}
		</style>
	</head>   
    
	<body>
		<div class="user-img" id="user-img">
			<div class="qr-wapper">
				<div id="qrcode" style="width:100px; height:100px; "></div>
			</div>
			<div class="user-tit">
				<span class="user-name">华某某</span><br />
				<span>华文传播总经理</span>			
			</div>
			<div class="user-msg">
				<div>13982845555</div>
				<div>328174719@qq.com</div>
				<div>www.baidu.com</div>
				<div>深圳罗湖区建国大厦B座2201</div>
			</div>
		</div> 
		<script src="../js/mui.min.js"></script>
		<script src="../js/app.js"></script>
		<script src="../js/qrcode.min.js"></script>
		<script src="../js/mui.previewimage.js"></script>
		<script>
			//mui初始化
			mui.init({
				beforeback: function(){					
			   		plus.screen.unlockOrientation();
			        return true;
			   },
			});
			mui.plusReady(function(){
				var scan = null;
				
				function onmarked(type,result){
					var text="未知";
					switch(type){
						case plus.barcode.QR:
							text="QR";
							break;
					}
					alert("条码类型"+text+"\n条码内容"+result);
				}
				plus.screen.lockOrientation( 'landscape-secondary' );
			})
			var qrcode = new QRCode(document.getElementById("qrcode"), {
				width: 100,
				height: 100
			});

			function makeCode() {
				qrcode.makeCode('我也不知道要写些什么');
			}
			makeCode();
			document.getElementById('user-img').addEventListener('tap',function(e){						
					plus.screen.lockOrientation( 'portrait-primary' );
					mui.back();
					
			});
		</script>
	</body>

</html>